<hr/>

<div id="intro">

    <div id="slider">
        <ul>
            <li>
                <div class="padding">
                    <h1>iPad3 đã xuất hiện tại Đà Nẵng</h1>

                    <p>Mặc dù đây không phải là lần đầu tiên một sản phẩm mới của Apple xuất hiện trước thời điểm lên kệ, nhưng thông tin về việc chiếc iPad mới bỗng dưng về Việt Nam thời điểm hiện tại cũng khiến không ít trang công nghệ danh tiếng trên thế giới xôn xao. </p>

                    <a href="./" class="button" title="Learn more"><span>Chi tiết</span></a>
                </div>

                <div id="image">
                    <img src="<?= base_url() ?>files/tmp/ipad.png" alt="Screen">
                </div>
            </li>
            <li>
                <div class="padding">
                    <h2>Consectetur adipisicing elit</h2>

                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>

                    <a href="./" class="button" title="Learn more"><span>Learn more</span></a>
                </div>

                <div id="image">
                    <img src="<?= base_url() ?>files/tmp/ipad.png" alt="Screen">
                </div>
            </li>
            <li>
                <div class="padding">
                    <h2>Tempor incididunt ut labore et dolore magna</h2>

                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>

                    <a href="./" class="button" title="Learn more"><span>Learn more</span></a>
                </div>

                <div id="image">
                    <img src="<?= base_url() ?>files/tmp/ipad.png" alt="Screen">
                </div>
            </li>
        </ul>
    </div>

    <a href="./" class="prev" title="Prev">Prev</a>
    <a href="./" class="next" title="Next">Next</a>

</div> <!-- / #intro -->

<hr>

<div id="subIntro">
    <p>Công ty cổ phần DANAGOLD hân hạnh giới thiệu gói khuyến mãi 50% cho dịch vụ SEO <a href="./" class="more" title="Learn more">Xem chi tiết ›</a></p>                    
</div> <!-- / #subIntro -->
<div class="cols clearFix">

    <div class="col1-3 withIcon icon1">
        <h2>Dịch vụ SEO</h2>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
    </div>

    <div class="col1-3 withIcon icon2">
        <h2>Thiết kế Website</h2>
        <p>Time is a part of the measuring system used to sequence events, to compare the durations of events and the intervals between them, and to quantify rates of change.</p>
    </div>

    <div class="col1-3 withIcon icon3">
        <h2>Thương mại điện tử</h2>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
    </div>

</div> <!-- / .cols -->                                

<hr> 

<div id="content" class="clearFix">

    <div class="clearFix">

        <div class="col1-2">

            <h2>Chúng tôi là...</h2>

            <p class="bold">Suspendisse in turpis urna, nec pellentesque turpis. Aenean vel diam mi, vitae tempor nunc. Sed dignissim, dui egestas vehicula porttitor, augue justo vulputate est, nec egestas quam eros euismod orci.</p>

            <p>Fusce id libero tortor, nec rhoncus massa. Aliquam erat volutpat. Sed augue arcu, ornare et tristique a, rutrum vel risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In interdum odio nisl, ut rhoncus tellus. Nullam in sodales purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>

        </div> <!-- / .col1-2 -->

        <div class="col1-2">

            <h2>Sản phẩm của chúng tôi</h2>

            <p class="gallery clearFix">
                <a class="photo" href="<?= base_url() ?>files/tmp/image1.png" rel="gallery"><img src="<?= base_url() ?>files/tmp/image1.png" alt="empty"></a>
                <a class="photo" href="<?= base_url() ?>files/tmp/image2.png" rel="gallery"><img src="<?= base_url() ?>files/tmp/image2.png" alt="empty"></a>
                <a class="photo" href="<?= base_url() ?>files/tmp/image3.png" rel="gallery"><img src="<?= base_url() ?>files/tmp/image3.png" alt="empty"></a>
                <a class="photo" href="<?= base_url() ?>files/tmp/image4.png" rel="gallery"><img src="<?= base_url() ?>files/tmp/image4.png" alt="empty"></a>
            </p>

            <h4>Spotify</h4>

            <p>Spotify is a digital music service that gives you access to millions of songs. Lorem ipsum dolor sit amet consectetur adipisicing.</p>

            <a href='/' class="more" title="View project">Các sản phẩm khác ›</a>

        </div> <!-- / .col1-2 -->

    </div> <!-- / .clearFix -->

    <hr>

    <div id="twitterBar">
        <div class="wrap">
            <span class="icon"></span>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <a href="./">http://www.google.com</a> <small>2 hours ago</small></p>
        </div>
    </div>
</div> <!-- / #content -->